﻿@{
    Layout = null;
}



<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="Author" />
    <meta name="design" />
    <link href="~/Scripts/css/base.css" rel="stylesheet" />

    <script src="~/Scripts/jquery/html5shiv.v3.72.min.js"></script>
    <script src="~/Scripts/jquery/jquery-1.9.1.min.js"></script>
    <link href="~/Scripts/css/ct_style.css" rel="stylesheet" />
    <title>e家政 - 全方面的家政服务项目,新用户首单享优惠</title>
    <meta name="keywords" content="家政服务,钟点工 " />
    <meta name="description" content="e家政服务平台提供全面的家政服务内容,钟点工日常保洁、新居开荒保洁、搬家、深度家庭保洁、厨师上门做饭、室内甲醛检测治理,电话：400-111-8666 " />
    <title>

    </title>
   
  
</head>
<body>
    <div class="Top-bg">
        <header class="Top">
            <div class="logo"><a href="/"><img src="~/tupian/logo.png" alt="" /></a></div>
            <nav class="MainNav">
                <ul>
                    <li class="on"><a href="/Home/Index">首页</a></li>
                    <li><a href="/Home/home_working">家政</a></li>
                    <li><a href="/Home/month_nurse">月嫂</a></li>
                    <li><a href="/Home/cuiru">催乳师</a></li>
                    <li><a href="/Home/yuersao">育儿嫂</a></li>
                    <li><a href="/Home/baomu">保姆</a></li>
                </ul>
                <div class="clear"></div>
            </nav>
            <div class="clear"></div>
        </header>
    </div>




    <div class="banner1" style="background: url('../../tupian/home-working-banner.jpg') no-repeat center;"></div>
    <div class="container">
        <section class="Current"><dl><a href="/">首页</a>/<span>家政服务</span></dl></section>


        <div class="fix">
            <div class="RCon">
                <div class="WeChat">
                    <span><img src="~/tupian/right_img.jpg" alt="" /></span>
                </div>
                <div class="Hotline">
                    <img src="~/tupian/right_img2.jpg" alt="" />
                </div>
            </div>
        </div>


        <script type="text/javascript">
            //    右边悬浮的
            var Top1 = $(".RCon").offset().top;
            $(window).scroll(function () {
                if ($(window).scrollTop() >= Top1) {
                    $(".fix").addClass("on");
                } else {
                    $(".fix").removeClass("on");
                }
            });
        </script>





        <div class="home-working1">
            <ul id="por">
                @*<li class="li1">
                    <div class="bg" style="width:216px">

                        <h6>日常保洁</h6>
                        <p>钟点工/小时工/清洁护理</p>
                        <a href="jzfw.aspx">
                            <img src="~/tupian/index-icon-1.png" />
                            <img src="~/tupian/index-icon-3-1.png" />
                        </a>
                    </div>
                    <b class="color"></b>
                </li>
                <li class="li2">
                    <div class="bg">
                        <i></i>
                        <h6>开荒保洁</h6>

                        <p>装修硬装结束第一次保洁 新居开荒</p>
                        <a href="khbj.aspx">
                            <img src="~/tupian/index-icon-1.png" />
                            <img src="~/tupian/index-icon-3-1.png" />
                        </a>
                    </div>
                    <b class="color"></b>
                </li>
                <li class="li3">
                    <div class="bg">
                        <i></i>
                        <h6>御厨到家</h6>

                        <p>御厨上门 为您打造满汉全席</p>

                        <a href="ycdj.aspx">
                            <img src="~/tupian/index-icon-1.png" />
                            <img src="~/tupian/index-icon-3-1.png" />
                        </a>
                    </div>
                    <b class="color"></b>
                </li>
                <li class="li4">
                    <div class="bg">
                        <i></i>
                        <h6>深度保洁</h6>
                        <p>装修硬装结束第一次保洁 新居开荒</p>
                        <a href="sdbj.aspx">
                            <img src="~/tupian/index-icon-1.png" />
                            <img src="~/tupian/index-icon-3-1.png" />
                        </a>
                    </div>
                    <b class="color"></b>
                </li>
                <li class="li5">
                    <div class="bg">
                        <i></i>
                        <h6>搬家</h6>

                        <p>优质的服务，还您一个温馨的家</p>
                        <a href="bj.aspx">
                            <img src="~/tupian/index-icon-1.png" />
                            <img src="~/tupian/index-icon-3-1.png" />
                        </a>
                    </div>
                    <b class="color"></b>
                </li>
                <li class="li6">
                    <div class="bg">
                        <i></i>
                        <h6>甲醛治理/检测</h6>

                        <p>关注健康，还您一个舒适区</p>
                        <a href="http://www.jsfys.com/" target="_blank">
                            <img src="~/tupian/index-icon-1.png" />
                            <img src="~/tupian/index-icon-3-1.png" />
                        </a>
                    </div>
                    <b class="color"></b>
                </li>*@
                @*<li class="li7" style="word-wrap: break-word; ">
                    <div class="bg">
                        <i></i>
                        <h6>擦玻璃</h6>
                        <p>专业清洗，明亮窗外色</p>

                        <a href="cbl.aspx">
                            <img src="~/tupian/index-icon-1.png" />
                            <img src="~/tupian/index-icon-3-1.png" />
                        </a>
                    </div>
                    <b class="color"></b>
                </li>*@
            </ul>
        </div>
        <div class="clear"></div>
    </div>


    <script type="text/javascript">
        var navid = "2";
        $("#nav" + navid).addClass("onnav");

        $(".home-working1 ul li").each(function (i) {
            if (i % 2 == 1) {
                $(this).css({ "margin-right": 0, "float": "right" });
            } else {
                $(this).css("float", "left");
            }
        });
        $(".home-working1 ul li").each(function (i) {
            var h = $(this).height();
            $(this).find(".color").height(h);
            $(this).find(".color").hide();
            $(".home-working1 ul li").hover(function () {
                $(this).find(".color").fadeIn(500);
            }, function () {
                $(this).find(".color").fadeOut(500);
            });
        });
    </script>




    <footer class="Bottom">
        <nav class="botnav">
            <a href="/Home/Index">e家政首页</a>
            <em>|</em>
            <a href="/Home/comp_introce">关于我们</a><em>|</em><a href="/Home/fwcn">服务承诺</a>
            <em>|</em><a href="/Home/insurance">安全保障</a>
            <em>|</em><a href="/Home/contact_us">联系我们</a>
        </nav>
        <br />
        <ul class="bot_icon">
            <li class="li1"><a href="/Home/contact_us">电话</a></li>
            <li class="li2"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes">qq</a></li>
            <li class="li3"><a href="mailto:123456@qq.com">邮箱</a></li>
        </ul>
        <div class="copyright">
            copyright   &copy;   2013-2016 <a href="http://51ejz.com/" target="_blank">51ejz.com</a>   All Rights Reserved. Support by
            <a href="http://chemguan.com/" target="_blank">chemguan.com</a></BR>版权所有：江苏洁瑞达信息科技有限公司
        </div>
    </footer>
    <!-----------------------------------2016.8.2新增   右侧悬浮按钮------------------------------------------------------>
    <div class="rightFix">
        <ul>
            <li class="li1">
                <a href="javascript:void(0)"></a>
                <div class="beside">
                    <div class="beside_cont">
                        <div class="service">
                            <h2>快速预约</h2>
                        </div>
                        <div class="info">
                            <form method="post">
                                <select name="ctl00$serviceTypes" id="serviceTypes">
                                    <option value="" id="0">选择服务类型</option>
                                    @*<option value="保洁">保洁</option>
                                    <option value="搬家">搬家</option>
                                    <option value="甲醛检测">甲醛检测</option>
                                    <option value="甲醛检测">甲醛治理</option>
                                    <option value="月嫂">月嫂</option>
                                    <option value="催乳师">催乳师</option>
                                    <option value="育儿嫂">育儿嫂</option>
                                    <option value="保姆">保姆</option>*@
                                </select>
                                <input id="OName" type="text" placeholder="请输入您的姓名" />
                                <input id="OPhone" type="tel" placeholder="请输入手机号" maxlength="11" />
                                <textarea id="Oaddr" name="" placeholder="请输入详细地址精确到小区"></textarea>
                                <textarea id="Odemand" name="" placeholder="其他补充要求：如上门服务时间、日期....."></textarea>
                            </form>
                            <a class="appoint" href="javascript:void(0)" onclick="funop();">马上预约</a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="li2">
                <a href="javascript:void(0)"></a>
                <div class="erweima">
                    <img src="~/tupian/right-icon5.jpg" alt="" />
                    <p>扫一扫 关注微信</p>
                </div>
            </li>
            <li class="li3">
                <a href="javascript:void(0)"></a>
                <div class="erweima">
                    <img src="~/tupian/right-icon6.jpg" alt="" />
                    <p>扫一扫下载APP</p>
                </div>
            </li>
        </ul>
        <div class="li4"><a href="javascript:void(0)"></a></div>
    </div>


    <!---------------新加的2016.8.3预约弹出层---------------->
    <div class="zhe-tan">
        <div class="tan">
            <h4></h4>
            <div>
                <p>您的预约信息已经成功提交，我们会尽快与您联系</p>
                <p>感谢您选择我们！</p>
                <span>Thank you for choosing us</span>
            </div>
            <a href="javascript:void(0)" class="close"><img src="~/tupian/tan-close.png" alt="" /></a>
        </div>
    </div>
    <script type="text/javascript">

        $(".zhe-tan .tan .close").click(function () {
            $(".zhe-tan").hide();
        });

    </script>

    <!------------------------新加的2016.8.3预约方法----------------------->
    <script type="text/javascript">
        function yuyue() {
            var leixing = $("#serviceTypes option:selected").val();
            var names = $("#name").val();
            var tels = $("#tel").val();
            var dizhis = $("#dizhi").val();
            var remarks = $("#remark").val();
            $.ajax({
                url: "checkYuyue.aspx",
                type: "Post",
                data: {
                    serviceType: leixing,
                    lianxiren: names,
                    tell: tels,
                    address: dizhis,
                    yaoqiu: remarks
                },    //发送到服务器的数据
                success: function (data) {    //请求成功后调用的回调函数
                    document.write(data);
                    $("#serviceTypes option:selected").val("");
                    $("#name").val("");
                    $("#tel").val("");
                    $("#dizhi").val("");
                    $("#remark").val("");
                }
            })
        }


    </script>

    <script src="~/Scripts/jquery/jquery.placeholder.min.js"></script>


    <script type="text/javascript">

        $(".rightFix ul li").each(function (i) {
            $(this).hover(function () {
                $(this).addClass("on");
                $(this).siblings().removeClass("on");
                $(this).children("div").fadeIn();
                $(this).siblings().children("div").fadeOut();
            });
        });
        $(".rightFix>.li4").hover(function () {
            $(".rightFix ul li").children("div").fadeOut();
        });
        $(".rightFix>.li4").click(function () {
            $("body,html").animate({ scrollTop: 0 }, 500);
        });
        //    input中有placeholder，加上一个js和以下代码
        $(function () { $('input, textarea').placeholder(); });
    </script>
    <script type="text/javascript">
        //整站无图处理
        jQuery.each(jQuery("img"), function (i, n) {
            jQuery(n).error(function () {
                n.src = 'images/nopic.jpg';
            });
            n.src = n.src;
        });
    </script>
    <script>        (function () { var c = document.createElement("script"), s = document.getElementsByTagName("script")[0]; c.src = "//kefu.qycn.com/vclient/state.php?webid=118627"; s.parentNode.insertBefore(c, s); })();</script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?3be29a79978bcebc6bfdadbe076f6627";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>
</html>
<script>
    $(function () {
        $.ajax({
            type: "get",
            url: "/Home/ShowJiazheng",
            success: function (data) {
                $(data).each(function (index, item) {
                    var mm = "<li class='li" + item.Jid + "' style='float:left'><div class='bg'><i></i><h6>" + item.Jtitle + "</h6><p>" + item.Jcontent + "</p><img src='http://localhost:48029/tupian/index-icon-3-1.png' /></a></div><b class='color'></b></li></br>";
                    $("#por").append(mm);
                })
            }
        })
    })
</script>
<script>
    $(function () {
        $.ajax({
            type: "get",
            url: "/Home/xiala",
            success: function (data) {
                $(data).each(function (index, item) {
                    var mm = " <option value='" + item.Tname + "' id='" + item.Tid + "'>" + item.Tname + "</option>";
                    $("#serviceTypes").append(mm);
                })
            }
        })
    })
    function funop() {
        var option = $('#serviceTypes option:selected').attr("id");
        alert(option);
        var OName = $("#OName").val();
        var OPhone = $("#OPhone").val();
        var Oaddr = $("#Oaddr").val();
        var Odemand = $("#Odemand").val();
        $.ajax({
            type: "post",
            url: "/Home/Add",
            data: {
                Tid: option,
                OName: OName,
                OPhone: OPhone,
                Oaddr: Oaddr,
                Odemand: Odemand
            },
            success: function (data) {
                alert(2);
                if (data == "True") {
                    alert("预约成功");
                }
                else {
                    alert("预约失败");
                }
            }
        })
    }
</script>
